import React, { Component } from 'react'
import '../assert/css/Cart.css'
import pic_01 from '../assert/imgs/pic/01.png'

export default class Cart extends Component {
    render() {
        return (
            <div className="container">
                <div className="page-title">购物车</div>
                <ul className="cart-list">
                    <li>
                        <input type="checkbox" />
                        <img src={pic_01} alt="" />
                        <div>
                            <h5>小米10</h5>
                            <h5 className="price">
                                &yen;3999
                                <span className="market-price">&yen; 49999</span>
                            </h5>
                        </div>
                        <div className="stepper">
                            <button>-</button>
                            <span>2</span>
                            <button>+</button>
                        </div>
                    </li>
                    <li>
                        <input type="checkbox" />
                        <img src={pic_01} alt="" />
                        <div>
                            <h5>小米10</h5>
                            <h5 className="price">
                                &yen;3999
                                <span className="market-price">&yen; 49999</span>
                            </h5>
                        </div>
                        <div className="stepper">
                            <button>-</button>
                            <span>2</span>
                            <button>+</button>
                        </div>
                    </li>
                    <li>
                        <input type="checkbox" />
                        <img src={pic_01} alt="" />
                        <div>
                            <h5>小米10</h5>
                            <h5 className="price">
                                &yen;3999
                                <span className="market-price">&yen; 49999</span>
                            </h5>
                        </div>
                        <div className="stepper">
                            <button>-</button>
                            <span>2</span>
                            <button>+</button>
                        </div>
                    </li>
                </ul>
                <div className="submit-bar">
                    <label><input type="checkbox" /> 全选</label>
                    <div className="price">订单总金额: &yen; 7999</div>
                    <button className="btn-order">去结算(2件)</button>
                </div>
            </div>
        )
    }
}
